<template>
  <div>
    <h3 class="h3">测试less变量</h3>
    登陆页
  </div>
</template>
<script>
import { homeCategoryHead } from '@/api/test.js'
export default {
  setup () {
    homeCategoryHead().then(res => {
      console.log('api测试：', res)
    })
  }
}
</script>
<style lang="less" scoped>
// @代表src,只在html与js中有效，css中无效   css中  ~@代表src
// @import url(~@/assets/styles/variables.less);
// @import url(~@/assets/styles/mixins.less);
.h3 {
  color: @xtxColor;
  .xxx(500px, 300px);
}
</style>
